<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<link rel="stylesheet" type="text/css" href="/css/public.css"/>
	<!--生成树-->
	<script type="text/javascript" src="/tree/js/data.js"></script>
	<script type="text/javascript" src="/tree/js/tools.js"></script>
	<script type="text/javascript" src="/tree/js/handledata.js"></script>
	<script type="text/javascript" src="/tree/js/index.js"></script>
	<script src="/js/public.js"></script>
	<style>
		.tree-expanded{
			background: url(../tree/tree.png) -30px -21px no-repeat !important;
		}
		.tree-folder-open{
			background:url(../tree/tree.png) 0px -22px no-repeat !important;
			width: 23px;
		}
		.tree-folder,.tree-file{
			background:url(../tree/tree.png) 0px -22px no-repeat !important;
			width: 23px;
		}
		 .tree-node {
  			  height: 22px;
  		}
		.tree-collapsed{
			background:url(../tree/tree.png) -30px 2px no-repeat !important;
		}
	</style>
	<div id="treeView" style="display: none"></div>
	<div class="preview" style="display: none"></div>
	<div class="filetree" style="display: none">
		<div class="tree-hide"
			style="height: 222px; overflow-y: scroll; border: 1px solid #d6d4d4;">
			<ul class="filetree-tree"></ul>
		</div>
	</div>
	<div id="newfolder"
		style="margin: 9% auto; width: 285px; display: none">
		<span style="font-size: 14px; margin-right: 11px;">新建文件夹:</span><input
			type="text" class="folder-name" value="" />
	</div>
	<div class="newname-hide">
		<div class="ab-content-folder-one-newname">
			<input type="text" class="ab-content-folder-one-newname-input" /> <span
				class="yes"> <i class="iconfont icon-right"></i>
			</span> <span class="no"> <i class="iconfont icon-close1"></i>
			</span>
		</div>
	</div>
	<div class="try"
		style="background: white; display: none; position: absolute; z-index: 100;">
		<ul>
			<li class="open">打开</li>
			<li class="rename">重命名</li>
			<li class="download fudai">下载</li>
			<li class="copy">复制到</li>
			<li class="move">移动到</li>
			<li class="delete">删除</li>
			<li class="fileshare">分享 <i class="iconfont icon-share2"></i>
				<ul class="sharetype" style="display: none">
					<li class="shareuser">指定人</li>
					<li class="sharecompany">公司</li>
				</ul>
			</li>
		</ul>
	</div>
	<div class="garbager-option"
		style="background: white; display: none; position: absolute; z-index: 100;">
		<ul>
			<li class="return">复原</li>
			<li class="realy-delete">删除</li>
		</ul>
	</div>
	<div class="contacts-tables" style="display: none;">
		<div class="contacts-tables-div">
			<div style="height: 44px; border-bottom: 1px solid #f2f2f2;">
				<div class="tab-tool"
					style="margin-right: 10px; line-height: 28px; margin-top: 7px;">
					<input name="search" class="search-btn-shareuser-input" type="text" placeholder="查找..."> <a
						class="search-btn search-btn-shareuser"> <i class="iconfont icon-search"
						style="font-size: 16px;"></i>
					</a>
				</div>
			</div>
			<div class="tab-content">
				<div>
				<table style="width: 100%; border-collapse: collapse; background: #fff;">
					<thead>
						<th>选择</th>
						<th>头像</th>
						<th>部门</th>
						<th>姓名</th>
						<th>职位</th>
						<th>电话</th>
					</thead>
					<tbody>
						<tr style="border-bottom: 1px solid #f2f2f2">
							<td><div class="icheckbox icheckbox_flat-green"
									aria-checked=false style="position: relative;">
									<input type="checkbox"
										style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;">
									<ins class="iCheck-helper"
										style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
								</div></td>
							<td><img src=""
								style="border-radius: 50%; width: 25px; height: 25px; vertical-align: middle;" /></td>
							<td>销售</td>
							<td>你爸爸</td>
							<td>销售</td>
							<td>123456789</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		</div>
	</div>
	<div class="try-hide"
		style="background: white; display: none; position: absolute; z-index: 100;">
		<ul>
			<li class="newfolder">新建文件夹</li>
			<li class="filerefresh">刷新</li>
		</ul>
	</div>
	<!-- body大盒子div开始 -->
	<div class="body">
		<!-- content-header顶部div 开始 -->
		<#include "/head.ftl"/>
		<!-- 中部content div开始 -->
		<div class="content">
			<!-- 中部content内容 div开始 -->
			<div class="row">
				<div class="row-left">
					<form enctype="multipart/jian2form-data" method="post">
						<input type="file" class="fileup" style="display: none;">
					</form>
					<a href="javascript:void(0)"
						class="btn button btn-upload bgColor-green2 margin-bottom"
						onclick="upload()" style="margin: 0 0 20px 0;"> <i class="iconfont icon-shangchuan"></i> 上
						传
					</a>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">云盘</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool jian" onclick="jian()">
									<i class="iconfont icon-jian" id="one"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding yunpan" style="display: block;">
							<ul class="nav  nav-pills nav-stacked">
								<li>
								<#if dirid??>
									<a class="file-type"  filetype="allfile" fatherid="${dirid}" href="javascript:void(0)">
										<i class="iconfont icon-time"></i>
										 <span>全部文件</span>
									</a>
								</#if>
								</li>
								<li><a class="file-type" filetype="text"
									href="javascript:void(0)"> <i class="iconfont icon-wendang"></i>
										<span>文档</span>
								</a></li>
								<li><a class="file-type" filetype="image"
									href="javascript:void(0)"> <i
										class="iconfont icon-picture_fill"></i>
										<span> 图片</span>
								</a></li>
								<li><a class="file-type" filetype="mp3"
									href="javascript:void(0)"> <i class="iconfont icon-yinle"></i>
										<span>音乐</span>
								</a></li>
								<li><a class="file-type" filetype="music"
									href="javascript:void(0)"> <i
										class="iconfont icon-video_fill"></i>
										<span> 视频</span>
								</a></li>
								<li ><a class="file-type" filetype="zip"
									href="javascript:void(0)"> 
									<i class="iconfont icon-yasuobao"></i>
									<span> 压缩包</span>
								</a></li>
							<li ><a class="file-type" filetype="gabage"
									href="javascript:void(0)"> 
									<i class="iconfont icon-yasuobao"></i>
									<span> 回收站</span>
								</a></li> 
							</ul>
						</div>
					</div>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">类型</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool" onclick="jian2()">
									<i class="iconfont icon-jian" id="two"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding leixing" style="display: block;">
							<ul class="nav nav-pills nav-stacked">
								<!-- <li>
									<a class="filepermission" href="javascript:void(0)" typename="全部文件">
										<i class="iconfont icon-circle1"></i> 我的文件
									</a>
								</li> -->
								<li><a class="filepermission" href="javascript:void(0)"
									typename="公司文件"> <i class="iconfont icon-circle1"></i> 公司文件
								</a></li>
								<li><a class="filepermission" href="javascript:void(0)"
									typename="共享文件"> <i class="iconfont icon-circle1"></i> 共享文件
								</a></li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 右部div盒子开始 -->
				<div class="row-right">
					<div class="box tab">
						 <!-- <div class="box-header with-border">
							<h3 class="box-title">
								<span>全部文件</span>
							</h3>
						</div>  -->
						<div class="box-body no-padding">
							<div class="tab-header" style="border-bottom: 1px solid #f4f4f4;">
								<a title="全选/反选" class="btn btn-setting checkbox-togger"
									style="margin-right: 10px;"> <i
									class="iconfont icon-weibiaoti--"></i>
								</a> <a href="javascript:void(0)" title="删除文件"
									class="btn btn-setting delete-icon"> <i
									class="iconfont icon-trash"></i>
								</a> <a href="javascript:void(0)" title="新建文件夹"
									class="btn btn-setting" onclick="newfolder()"> <i
									class="iconfont icon-addFile"></i>
								</a> <a title="刷新" class="btn btn-setting"
									style="margin-left: 10px;" onclick="refresh(this)"> <i
									class="iconfont icon-refresh"></i>
								</a>
							</div>
							<div class="tab-content"
								style="min-height: 520px;">
								<div style="height: 40px; border: 1px solid #f2f2f2;">
									<div class="tab-content-myfile">
										<#if dirid??>
										<a href="javascript:void(0)" class="sonicon" fatherid="${dirid}"><i class="iconfont icon-fangzi-copy" style="font-size: 17px;"> </i><span style="margin-right:5px">全部文件</span><i class="iconfont icon-play_fill" style="font-size: 14px;"></i></a>
									</#if>
									</div>
									<div class="tab-tool"
										style="margin-right: 10px; line-height: 28px;">
										<input class="search-input" name="search" type="text"
											placeholder="查找..."> <a class="search-btn search-btn-file"> <i
											class="iconfont icon-search" style="font-size: 16px;"></i>
										</a>
									</div>								

								</div>
								<div class="tab-content-folder">
									<!-- 后面背景 -->
									<div class="tab-content-folder-hide"
										style="width: 100%; height: 100%; z-index: 3; position: absolute; display: none"></div>
									<#if dirid??>
								<#list directlist as direct>					
								<#if direct.pid??>								
									<#if (direct.pid.id) == dirid &&direct.isDelete=0>
										<div class="tab-content-folder-one" type="folder" filepath="${direct.path}"  directid="${direct.id}" directname="${direct.text}">
											<div class="select-icon" directid="${direct.id}"  style="position: absolute;">
												<i class="iconfont icon-success_fill" style="color:#bfd1ea; font-size: 24px;">
												</i>
											</div> 
											<div class="tab-content-folder-one-icon">	
													<img width="100px " height="100px" style="visibility: hidden;">										
											</div>
											<div class="ab-content-folder-one-name">
												<a href="" data-id="${direct.id}">${direct.text}</a>
											</div>																								
										</div>	
									</#if>									
								</#if>		
								</#list>
							</#if>
							<#if filelist??>
								<#list filelist as file>
								<#if file.isDelete = 0>									
									<#if file.suffix="mp3">									
										<div class="tab-content-folder-one" type="file" directid="${file.id}" filepath="${file.path}" directname="${file.filename}" filesuffix="${file.suffix}">
											<div class="select-icon" directid="${file.id}" filesuffix="${file.suffix}" style="position: absolute;">
												<i class="iconfont icon-success_fill" style="color:#bfd1ea; font-size: 24px;">
												</i>
											</div> 
											<div class="tab-content-folder-one-icon-mp3">	
												<img src="${file.path}"  width="100px" height="100px" style="visibility: hidden;">										
											</div>											
											<div class="ab-content-folder-one-name" title="${file.filename}">
												<a href="" data-id="${file.id}">${file.filename}</a>
											</div>																				
										</div>	
										
										<#elseif file.suffix="mp4" || file.suffix="mkv">
										<div class="tab-content-folder-one" type="file"  directid="${file.id}" filepath="${file.path}" directname="${file.filename}" filesuffix="${file.suffix}">
											<div class="select-icon" filesuffix="${file.suffix}" directid="${file.id}" style="position: absolute;">
												<i class="iconfont icon-success_fill" style="color:#bfd1ea; font-size: 24px;">
												</i>
											</div> 
											<div class="tab-content-folder-one-icon-avi" >	
												<img src="${file.path}"  width="100px" height="100px" style="visibility: hidden;">										
											</div>											
											<div class="ab-content-folder-one-name" title="${file.filename}">
												<a href="" data-id="${file.id}">${file.filename}</a>
											</div>																				
										</div>										
										<#elseif file.suffix="jpg"||file.suffix="JPG"||file.suffix="png"||file.suffix="PNG">
										<div class="tab-content-folder-one"  type="file" directid="${file.id}" filepath="${file.path}" directname="${file.filename}" filesuffix="${file.suffix}">
											<div class="select-icon" directid="${file.id}" filesuffix="${file.suffix}" style="position: absolute;">
												<i class="iconfont icon-success_fill" style="color:#bfd1ea; font-size: 24px;">
												</i>
											</div> 
											<div class="tab-content-folder-one-icon-jpg" style="width: 70px;">	
												<img src="\file\image\${file.path}"  height="70px">										
											</div>											
											<div class="ab-content-folder-one-name" title="${file.filename}">
												<a href="" data-id="${file.id}">${file.filename}</a>
											</div>																				
										</div>	
																			
										<#elseif file.suffix="zip" >
											<div class="tab-content-folder-one" type="file"  directid="${file.id}" filepath="${file.path}"  directname="${file.filename}" filesuffix="${file.suffix}">
											<div class="select-icon" filesuffix="${file.suffix}" directid="${file.id}" style="position: absolute;">
												<i class="iconfont icon-success_fill" style="color:#bfd1ea; font-size: 24px;">
												</i>
											</div> 
											<div class="tab-content-folder-one-icon-zip">	
												<img  width="100px " height="100px" style="visibility: hidden;">										
											</div>
											<div class="ab-content-folder-one-name" title="${file.filename}">
												<a href="" data-id="${file.id}">${file.filename}</a>
											</div>																				
										</div>
										
										<#elseif file.suffix="cpp" >
											<div class="tab-content-folder-one" type="file"  directid="${file.id}" filepath="${file.path}"  directname="${file.filename}" filesuffix="${file.suffix}">
											<div class="select-icon" filesuffix="${file.suffix}" directid="${file.id}" style="position: absolute;">
												<i class="iconfont icon-success_fill" style="color:#bfd1ea; font-size: 24px;">
												</i>
											</div> 
											<div class="tab-content-folder-one-icon-text">	
												<img  width="100px " height="100px" style="visibility: hidden;">										
											</div>
											<div class="ab-content-folder-one-name" title="${file.filename}">
												<a href="" data-id="${file.id}">${file.filename}</a>
											</div>																				
										</div>																	
									</#if>	
									</#if>						
								</#list>	
								</#if>	
								</div>
							</div>
						</div>
						<div class="box-footer no-padding" style="margin-top: -20px;">
							<div class="mailbox-controls">
								<div id="pager"
									style="background: #fff; border: 0px; margin-top: 0px; padding: 2px;">
									<div class="Page">
										<div class="CustomInfo" style="width: 40%; float: left;">
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 右部div盒子开始 -->
					</div>
					<!-- 中部content内容 div结束 -->
				</div>

				<!-- 中部content div结束-->
			</div>
			<!-- body大盒子div结束 -->
		</div>
	</div>
</body>
</html>